
/* daterangepicker */
.daterangepicker{position:absolute;color:inherit;background-color:#fff;border-radius:4px;border:1px solid #ddd;width:278px;max-width:none;padding:0;margin-top:7px;top:100px;left:20px;z-index:3001;display:none;font-size:15px;line-height:1em;
    box-shadow:1px 1px 6px #ccc;-webkit-box-shadow:1px 1px 6px #ccc;-moz-box-shadow:1px 1px 6px #ccc;}
.daterangepicker:after,.daterangepicker:before{position:absolute;display:inline-block;border-bottom-color:rgba(0,0,0,.2);content:''}
.daterangepicker:before{top:-7px;border-right:7px solid transparent;border-left:7px solid transparent;border-bottom:7px solid #ccc}
.daterangepicker:after{top:-6px;border-right:6px solid transparent;border-bottom:6px solid #fff;border-left:6px solid transparent}
.daterangepicker.opensleft:before{right:9px}
.daterangepicker.opensleft:after{right:10px}
.daterangepicker.openscenter:before{left:0;right:0;width:0;margin-left:auto;margin-right:auto}
.daterangepicker.openscenter:after{left:0;right:0;width:0;margin-left:auto;margin-right:auto}
.daterangepicker.opensright:before{left:9px}
.daterangepicker.opensright:after{left:10px}
.daterangepicker.drop-up{margin-top:-7px}
.daterangepicker.drop-up:before{top:initial;bottom:-7px;border-bottom:initial;border-top:7px solid #ccc}
.daterangepicker.drop-up:after{top:initial;bottom:-6px;border-bottom:initial;border-top:6px solid #fff}
.daterangepicker.single .daterangepicker .ranges,.daterangepicker.single .drp-calendar{float:none}
.daterangepicker.single .drp-selected{display:none}
.daterangepicker.show-calendar .drp-calendar{display:block}
.daterangepicker.show-calendar .drp-buttons{display:block}
.daterangepicker.auto-apply .drp-buttons{display:none}
.daterangepicker .drp-calendar{display:none;max-width:270px}
.daterangepicker .drp-calendar.left{padding:8px 0 8px 8px}
.daterangepicker .drp-calendar.right{padding:8px 0;}
.daterangepicker .drp-calendar.single .calendar-table{border:none}
.daterangepicker .calendar-table .next span,.daterangepicker .calendar-table .prev span{color:#fff;border:solid #000;border-width:0 2px 2px 0;border-radius:0;display:inline-block;padding:3px}
.daterangepicker .calendar-table .next span{transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}
.daterangepicker .calendar-table .prev span{transform:rotate(135deg);-webkit-transform:rotate(135deg)}
.daterangepicker .calendar-table td,.daterangepicker .calendar-table th{white-space:nowrap;text-align:center;vertical-align:middle;width:26px;height:24px;line-height:24px;font-size:12px;border:1px solid transparent;white-space:nowrap;cursor:pointer}
.daterangepicker .calendar-table{border:1px solid #fff;border-radius:4px;background-color:#fff}
.daterangepicker .calendar-table table{width:100%;margin:0;border-spacing:0;border-collapse:collapse}
.daterangepicker .tr-thead th{background-color: #e2f1ff;border-bottom: 1px solid #fff;}
.daterangepicker .tr-week th{background-color: #f3f3f3;}
.daterangepicker td.weekend {color: #ee0077;}
.daterangepicker td.available:hover,.daterangepicker th.available:hover{background-color:#b17eec;color:#fff;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;}
.daterangepicker td.week,.daterangepicker th.week{font-size:80%;color:#ccc}
.daterangepicker td.off,.daterangepicker td.off.end-date,.daterangepicker td.off.in-range,.daterangepicker td.off.start-date{background-color:#fff;color:#999}
.daterangepicker th.prev:hover,.daterangepicker th.next:hover{background-color:#c0dbf5;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;}
.daterangepicker td.in-range{background-color:#ecfcff;color:#000;border-radius:0}
.daterangepicker td.start-date{border-radius:4px 0 0 4px}
.daterangepicker td.end-date{border-radius:0 4px 4px 0}
.daterangepicker td.start-date.end-date{border-radius:4px}
.daterangepicker td.active,.daterangepicker td.active:hover{background-color:#f98e52;color:#fff}
.daterangepicker th.month{width:auto}
.daterangepicker option.disabled,.daterangepicker td.disabled{color:#999;cursor:not-allowed;text-decoration:line-through}
.daterangepicker select.monthselect,.daterangepicker select.yearselect{font-size:12px;padding:1px;height:auto;margin:0;cursor:default}
.daterangepicker select.monthselect{margin-right:2%;width:56%}
.daterangepicker select.yearselect{width:40%}
.daterangepicker select.ampmselect,.daterangepicker select.hourselect,.daterangepicker select.minuteselect,.daterangepicker select.secondselect{width:50px;margin:0 auto;background:#eee;border:1px solid #eee;padding:2px;outline:0;font-size:12px}
.daterangepicker .calendar-time{text-align:center;margin:4px auto 0 auto;line-height:30px;position:relative}
.daterangepicker .calendar-time select.disabled{color:#ccc;cursor:not-allowed}
.daterangepicker .drp-buttons{clear:both;text-align:right;padding:8px;border-top:1px solid #ddd;display:none;line-height:12px;vertical-align:middle}
.daterangepicker .drp-selected{display:inline-block;font-size:12px;padding-right:8px}
.daterangepicker .drp-buttons .btn{margin-left:8px;font-size:12px;font-weight:700;padding:4px 8px}
.daterangepicker.show-ranges .drp-calendar.left{border-left:1px solid #ddd}
.daterangepicker .ranges{float:none;text-align:left;padding:5px;}
.daterangepicker .ranges ul{list-style:none;margin:0 auto;padding:0;width:100%}
.daterangepicker .ranges li{font-size:12px;padding:3px 12px;cursor:pointer}
.daterangepicker .ranges li.active{background-color:#08c;color:#fff}

.daterangepicker .ranges ul {
list-style: none;
margin: 0 auto;
padding: 5px 0 0;
width: 100%; }
.daterangepicker .ranges li {
font-size: 13px;
background-color: #f5f5f5;
border: 1px solid #f5f5f5;
border-radius: 2px;
color: #08c;
padding: 3px 12px;
margin-bottom: 5px;
cursor: pointer; }
.daterangepicker .ranges li:hover {
background-color: #08c;
border: 1px solid #08c;
color: #fff; }
.daterangepicker .ranges li.active {
background-color: #08c;
border: 1px solid #08c;
color: #fff; }

/*@media (min-width:564px){*/
.daterangepicker{width:540px;}
.daterangepicker.single{width:206px;}
.daterangepicker .ranges ul{width:126px}
.daterangepicker.single .ranges ul{width:100%}
.daterangepicker.single .drp-calendar.left{clear:none}
.daterangepicker.single.ltr .drp-calendar,.daterangepicker.single.ltr .ranges{float:left;display:none;}
.daterangepicker.single.rtl .drp-calendar,.daterangepicker.single.rtl .ranges{float:right;display:none;}
.daterangepicker.ltr{direction:ltr;text-align:left}
.daterangepicker.ltr .drp-calendar.left{clear:left;margin-right:0}
.daterangepicker.ltr .drp-calendar.left .calendar-table{border-right:none;border-top-right-radius:0;border-bottom-right-radius:0}
.daterangepicker.ltr .drp-calendar.right{margin-left:0}
.daterangepicker.ltr .drp-calendar.right .calendar-table{border-left:none;border-top-left-radius:0;border-bottom-left-radius:0}
.daterangepicker.ltr .drp-calendar.left .calendar-table{padding-right:8px}
.daterangepicker.ltr .drp-calendar,.daterangepicker.ltr .ranges{float:left}
.daterangepicker.rtl{direction:rtl;text-align:right}
.daterangepicker.rtl .drp-calendar.left{clear:right;margin-left:0}
.daterangepicker.rtl .drp-calendar.left .calendar-table{border-left:none;border-top-left-radius:0;border-bottom-left-radius:0}
.daterangepicker.rtl .drp-calendar.right{margin-right:0}
.daterangepicker.rtl .drp-calendar.right .calendar-table{border-right:none;border-top-right-radius:0;border-bottom-right-radius:0}
.daterangepicker.rtl .drp-calendar.left .calendar-table{padding-left:12px}
.daterangepicker.rtl .drp-calendar,.daterangepicker.rtl .ranges{text-align:right;float:right}
/*}*/
/*@media (min-width:730px){*/
.daterangepicker .ranges{width:auto}
.daterangepicker.ltr .ranges{float:right;margin-right:3px;}
.daterangepicker.rtl .ranges{float:right}
.daterangepicker .drp-calendar.left{clear:none!important}
/*}*/
